import { ref, watch, reactive } from "vue"
import request from '@/utils/request'
// import test from "../component/test.vue";
function userTreeListApi(dataRequest) {
    return request({
        url: '/system/user/userTree',
        method: 'POST',
        data: dataRequest
    })
}
export const tableItem = reactive({
    select: false,//多选框
    align: 'left',//对齐方式 全局
    column: [
        {
            label: '姓名',
            prop: 'name',
            labelIcon: true,//打开标签显示
            img: true,//图片显示
            elIcon: '',//需要显示的标签字段
            // component:'test',
            columnStyle: { 'flex-direction': 'column', }//表格列样式
        },
    ],
    pageInfo: {
        closeMountedPaging: false,//是否关闭分页显示
        request: {
            "id": "",
            "name": "",
            "type": "",
            "pageDomain": {
                "pageNum": 1,//分页页面数 必须为数字
                "pageSize": 10,//分页页面数据大小  必须为数字
                "orderByColumn": "",//搜索参数
                "isAsc": "",//搜索参数
                "reasonable": ""//搜索参数
            }
        },
        url: '/bank/rule/page',//分页路由，不传的话需要传入自定义的分页函数paging 传入时定义的分页函数paging会失效
        method: 'POST',//分页请求方法，不传默认为POST
        // 分页函数paging
        paging: function () {
            userTreeListApi(tableItem.pageInfo.request).then(res => {
                tableItem.tableData.data = res.rows
                tableItem.tableData.total = res.total
                if (!tableItem.tableData.data && tableItem.tableData.data.length == 0) { return }
            })
        }
    },
    // 分页数据 自定义分页函数paging时需要把值赋给tableData
    tableData: {
        total: 10,//分页总计
        // 分页数据
        data: []
    },
    // 操作栏按钮
    btnArray: [
        {
            type: 'primary',//类别 摈弃了text
            label: '添加',
            plain: true,//镂空按钮  优先文字按钮
            text: true,//文字按钮
            show: true,
            // 按钮方法
            handle: function (row) {
                console.log('row', row)
            }
        },
        {
            label: '修改',
            type: 'primary',
            show: true,
            text: true
        }
    ],
    moreBtnArrayText: '自定义更多',//自定义更多标题 默认为更多
    moreBtnArray: [{
        show: true,//
        type: 'primary',
        text: '搜索',
        handle: () => {
            console.log('moreBtnArray')
        }
    },],
    // 选择框触发
    selectChange: function (row) {
        console.log(row)
    },
}
)


